import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { Stock, StockService } from './../stock.service';

@Component({
  selector: 'app-stock-manage',
  templateUrl: './stock-manage.component.html',
  styleUrls: ['./stock-manage.component.css']
})
export class StockManageComponent implements OnInit {

  // 定义每份数据
  private stocks: Array<Stock>;

  constructor(public router: Router, private stockService: StockService) { }

  ngOnInit() {
    // 数据
    // this.stocks = [
    //   new Stock(1, '第一只股票', 1.99, 3.5, '这是第一只股票,是我在学习幕课网Angular入门实战时创建的', ['IT', '互联网']),
    //   new Stock(2, '第二只股票', 2.99, 1.5, '这是第二只股票,是我在学习幕课网Angular入门实战时创建的', ['金融', '互联网']),
    //   new Stock(3, '第三只股票', 3.99, 2.5, '这是第三只股票,是我在学习幕课网Angular入门实战时创建的', ['医疗']),
    //   new Stock(4, '第四只股票', 4.99, 4.5, '这是第四只股票,是我在学习幕课网Angular入门实战时创建的', ['互联网']),
    //   new Stock(5, '第五只股票', 5.99, 1.0, '这是第五只股票,是我在学习幕课网Angular入门实战时创建的', ['金融']),
    //   new Stock(6, '第六只股票', 6.99, 3.5, '这是第六只股票,是我在学习幕课网Angular入门实战时创建的', ['IT', '互联网']),
    //   new Stock(7, '第七只股票', 7.99, 5.0, '这是第七只股票,是我在学习幕课网Angular入门实战时创建的', ['IT', '金融']),
    //   new Stock(8, '第八只股票', 8.99, 2.5, '这是第八只股票,是我在学习幕课网Angular入门实战时创建的', ['电商', '互联网']),
    // ]
    this.stocks = this.stockService.getStocks();
  }

  create() {
    this.router.navigateByUrl('/stock/0');
  }

  update(stock: Stock) {
    this.router.navigateByUrl('/stock/' + stock.id);
  }

}

// 定义每条数据
// export class Stock {
//   constructor(
//     public id: number,
//     public name: string,
//     public price: number,
//     public rating: number,
//     public desc: string,
//     public categories: Array<string>
//   ) { }
// }